<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./font_4765172_os1q3nbeptk/iconfont.js"></script>
    <link rel="stylesheet" href="./css/read.css"> 
    <title>B站UP主专栏-个人空间-自媒体-哔哩哔哩官网</title>
</head>
<body>
    <div class="bili-header">
        <div class="bili-header__bar" >
            <ul class="left-entry">
                <li >
                    <a href="" class="entry-title">
                        <svg class="icon" aria-hidden="true" width="18" height="18" viewBox="0 0 18 18">
                            <use xlink:href="#icon-dsj"></use>
                        </svg>                          
                        <span>首页</span>
                    </a>
                </li>
                <li class="v-popover-wrap">
                    <a href="" class="default-entry">
                        <span>番剧</span>
                    </a>
                </li>
                <li class="v-popover-wrap">
                    <a href="" class="default-entry">
                        <span>直播</span>
                    </a>
                </li>
                <li class="v-popover-wrap">
                    <a href="" class="default-entry">
                        <span>游戏中心</span>
                    </a>
                </li>
                <li class="v-popover-wrap">
                    <a href="platform.html" target="_blank" class="default-entry">
                        <span>会员购</span>
                    </a>
                </li>
                <li class="v-popover-wrap">
                    
                    <a href="" class="default-entry">
                        <span>漫画</span>
                    </a>
                </li>
                <li class="v-popover-wrap">
                    <a href="" class="default-entry">
                        <span>赛事</span>
                    </a>
                </li>
                <li >
                    <a href="" class="download-entry download-client-trigger">  
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xiazai3"></use>
                          </svg>   
                        <span>下载客户端</span>
                    </a>
                </li>
            </ul>
            <div class="center-search-container">
                    <div class="nav-searchform">
                        <div class="nav-search-content">
                            <input type="text" placeholder="一人一句许哥牛逼" />
                        </div>
                        <div class="nav-search-btn">
                            <svg class="icon-searchBtn" aria-hidden="true">
                                <use xlink:href="#icon-heiseBzhandaohangtubiao-lunkuohuamiaobian-02"></use>
                            </svg>      
                        </div>
                    </div>    
            </div>
            <ul class="right-entry">
                <div class="user-left">
                    <div class="carmer">
                      <img
                        src="./img/index/seele.jpg"
                        width="36px"
                        height="36px"
                        alt=""
                      />
                    </div>
                </div>
                <div class="user-mid">
                    <a href="#" class="user-ui">
                        <svg class="icon v-popover-wrap" aria-hidden="true">
                            <use xlink:href="#icon-heiseBzhandaohangtubiao-lunkuohuamiaobian-06-06"></use>
                            
                        </svg>
                        <span>大会员</span>
                    </a>
                    <a href="" class="user-ui">
                        <svg class="icon v-popover-wrap" aria-hidden="true">
                            <use xlink:href="#icon-xiaoxi3"></use>
                        </svg>
                        <span>消息</span>
                    </a>
                    <a href="" class="user-ui">
                        <svg class="icon v-popover-wrap" aria-hidden="true" >
                            <use xlink:href="#icon-heiseBzhandaohangtubiao-lunkuohuamiaobian-03"></use>
                        </svg>
                        <span>动态</span>
                    </a>
                    <a href="" class="user-ui">
                        <svg class="icon v-popover-wrap" aria-hidden="true" >
                            <use xlink:href="#icon-heiseBzhandaohangtubiao-lunkuohuamiaobian-04 "></use>
                        </svg>
                        <span>收藏</span>
                    </a>
                    <a href="history.html" class="user-ui">
                        <svg class="icon v-popover-wrap" aria-hidden="true" >
                            <use xlink:href="#icon-heiseBzhandaohangtubiao-lunkuohuamiaobian-07"></use>
                        </svg>
                        <span> 历史</span>
                        </a>
                    <a href=""class="user-ui">
                        <svg class="icon v-popover-wrap" aria-hidden="true"  >
                            <use xlink:href="#icon-heiseBzhandaohangtubiao-lunkuohuamiaobian-05"></use>
                        </svg>
                        <span> 创作中心</span>
                        </a>
                    
                </div>
                <div class="user-right">
                    <div class="userDetail">
                        <a href="javascript:;" style="color: white">
                        <svg class="icondown" aria-hidden="true">
                            <use xlink:href="#icon-heiseBzhandaohangtubiao-lunkuohuamiaobian-09"></use>
                        </svg>
                        <span>投稿</span>
                        </a>
                    </div>
                </div>
            </ul>
        </div>
      </div>
    <div class="feed">
        <div class="container">
            <div class="title">推荐文章</div>
            <div class="search-box">
                <input type="text" class="search-input" placeholder="搜索专栏文章">
                <span class="search-icon"></span>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10001.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10002.jpeg" alt=""></div>
            </div>
        </div>

        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10003.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10004.png" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10005.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10006.jpeg" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10007.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10008.png" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10009.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10010.png" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10011.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10012.jpeg" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10013.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10014.png" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10015.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10016.png" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10017.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10018.png" alt=""></div>
            </div>
        </div>
        <div class="feed-list">
            <div class="feed-item">
                <div class="left">
                    <div class="details">
                        <div class="title">Streaming & Download</div>
                        <div class="desc">
                            Streaming & Download [图片] ｢み　む　かｩ　わ　ナ　イ　ス　ト　ラ　イ」 （Mimukauwa Nice Try） https://www.bilibili.com/video/BV1Y9iZYUE6y/?spm_id_from=333.1387.upload.video_card.click&vd_source=559f101f83b9e1532ae82d4fde6e53b6 ◆网易云音乐 https://music.163.com/m/song?id=2650843590 ◆Q
                        </div>
                    </div>
                    <div class="meta">
                        <div class="author">
                            <img src="./img/read/10019.jpeg" alt="" class="avatar">
                            <div class="uname">ぬぬぬぬぬぬぬぬぬぬ</div>
                        </div>
                    </div>
                </div>
                <div class="right"><img src="./img/read/10020.jpeg" alt=""></div>
            </div>
        </div>
    </div>  


    <footer>
        <div class="end-wrapepr">
        <div class="end-header">
            <div style="border-right: 1px solid #eeeeee; margin-right: 35px">
            <h2 class="end-title">bilibili</h2>
            <ul class="aboutSection">
                <li>关于我们</li>
                <li>友情链接</li>
                <li>联系我们</li>
                <li>隐私政策</li>
                <li>用户协议</li>
                <li>bilibili认证</li>
                <li>加入我们</li>
                <li>investor Relation</li>
            </ul>
            </div>
            <div style="border-right: 1px solid #eeeeee; width: 45%">
            <h2 class="end-title">传送门</h2>
            <ul class="aboutSection s-2">
                <li>协议汇总</li>
                <li>帮助中心</li>
                <li>名人堂</li>
                <li>活动中心</li>
                <li>用户反馈论坛</li>
                <li>MCN管理中心</li>
                <li>活动专题页</li>
                <li>壁纸站</li>
                <li>高级弹幕</li>
                <li>侵权申诉</li>
                <li>广告合作</li>
                <li>企业号官网</li>
            </ul>
            </div>
            <div class="downloadWrapper">
            <ul class="download">
                <li class="download-app">
                <div class="dicon-wrapper">
                    <svg class="dicon" aria-hidden="true">
                    <use xlink:href="#icon-xiazai"></use>
                    </svg>
                </div>
                <p>下载APP</p>
                </li>
                <li class="sina-weibo">
                <div class="dicon-wrapper">
                    <svg class="dicon" aria-hidden="true">
                    <use xlink:href="#icon-xinlangweibo"></use>
                    </svg>
                </div>
                <p>新浪微博</p>
                </li>
                <li class="weixin">
                <div class="dicon-wrapper">
                    <svg class="dicon" aria-hidden="true">
                    <use xlink:href="#icon-weixin15"></use>
                    </svg>
                </div>
                <p>官方微信</p>
                </li>
            </ul>
            </div>
        </div>
        </div>
        <style>
        .builderInfo {
            height: 20px;
            width: 600px;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 30px;
            font-size: 20px;
            color: #505050;
            /* background-color: #999999; */
        }
        </style>
    </footer>




<script>
        window.addEventListener('scroll', function() {
            var header = document.querySelector('.bili-header__bar');
            var scrollPosition = window.scrollY;

            if (scrollPosition > 100) {  // 如果滚动距离大于 100px
                header.classList.add('sticky');  // 添加 sticky 类
            } else {
                header.classList.remove('sticky');  // 移除 sticky 类
            }
        });
        
    
    </script>
</script>
</body>
</html>